<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../scss/iconfont.css">
    <link rel="stylesheet" href="../scss/shopCart.css">
</head>

<body>
    <div class="main">
        <script type="text/html" id='productList'>
            <p class="y1">全是假货，放心购买</p>
            <div class="main1">
                {{each productList}}
                <div class="singleCommodity">
                    <input type="checkbox" class="singleCheck" {{ $value.state? 'checked':''}} onclick="single({{$index}})">
                    <div class="commodityImages"><img src={{$value.productDetails}} alt=""></div>
                    <div class="commodityDetails">
                        <p class="name">{{$value.purchaseName}}</p>
                        <div>
                            <p>尺寸<span>{{$value.size}}</span></p>
                            <p>颜色<span>{{$value.color}}</span></p>
                        </div>
                        <div>
                            <p>单价<span>￥{{$value.purchasePrice}}</span></p>
                            <p>数量<button onclick="minus({{$index}})">-</button><input class="number1" type="number"
                                    value="{{$value.num}}" onblur="blurs({{$index}})"><button
                                    onclick="plus({{$index}})">+</button></p>
                        </div>
                        <div>总价<span>￥{{($value.purchasePrice*$value.num).toFixed(2)}}</span></div>
                    </div>
                    <div class="deletes" onclick="deletes({{$index}})">删除</div>
                </div>
                {{/each}}
            </div>
            <p class="totalPrice" id='allcheck'>
                <input type="checkbox" class="allCheck" {{stateAll? 'checked':''}}>
                总计￥<span class="total"></span>
            </p>
        </script>
    </div>
    <div class="foot">
        <div class="clearing"><span class="iconfont icon-RectangleCopy"></span><span>结算</span></div>
        <div class="homePage"><span class="iconfont icon-huidaozhuye"></span><span>主页</span></div>
        <div class="details"><span class="iconfont icon-kefuyouxian"></span><span>客服</span></div>
        <div class="me"><span class="iconfont icon-wodeguanzhu"></span><span>我的</span></div>
    </div>
    <script src="../js/rem.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/template-web.js"></script>
    <script src="../js/shopCart.js"></script>

</body>

</html>